<template>
  <NoTabBarPage
    :navigate-bar-props="{ borderBottom: true }"
    custom-class="contact-us"
  >
    <div class="contact-us__content">
      <div class="contact-us__content-logo">
        <image src="@/assets/logo.png" />
        <span>主动健康</span>
      </div>
      <div class="contact-us__content-panel">
        <CommonField
          label="工作时间"
          content="周一至周五 09:00-18:00"
          :show-arrow="false"
        />
        <CommonField
          label="客服时间"
          content="18817738590"
          :show-arrow="false"
        />
        <CommonField
          label="邮箱"
          content="wma23@m.fudan.edu.cn"
          :show-arrow="false"
        />
      </div>
    </div>
  </NoTabBarPage>
</template>

<script setup lang="ts">
import NoTabBarPage from "@/components/common-page/noTabBar-page.vue";
import CommonField from "@/components/common-field/index.vue";

import "./index.less";

defineOptions({
  name: "contact-us",
});
</script>
